<%@ page language="java" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
 <%@include file="../include/jspheader.jsp" %>
 
 <html>
  <style type="text/css">
.unZhankai{
display:none;
}
 

</style>
 <body>
<div id="Mainbody">
 
  <%@include file="../include/top.jsp" %>
 
   
     <%@include file="../include/left.jsp" %>
       <form action="<%=request.getContextPath()%>/center/studyList.action" method="post" id="searchform">
    
  <div class="right2">
    	<div id="TopNav">
            <a href="<%=request.getContextPath()%>/center/studyList.action" class="this">学习列表</a> 
            <a href="<%=request.getContextPath()%>/center/wordList.action">生词本</a>
            <a href="<%=request.getContextPath()%>/center/collections.action">收藏单词</a>
    	</div>
    <div class="clear"></div>
      <table border="0" cellspacing="0" cellpadding="0" class="datasheet">
      	<tr>
        <th width="36%" align="left">课程名称</th>
        <th width="21%" align="left">单词总量</th>
        <th width="24%" align="left">学习状态</th>
        <th width="19%" align="left">操作</th>
        </tr>
        <s:iterator value="#request.bookList" status="status">
         <tr>
         <td><a href="#"  onclick="zhanKaiOrShouLong(<s:property value="id"/>)"><img src="<%=request.getContextPath()%>/images/shoulongsmall.png" id="img_zs_<s:property value="id"/>" /></a> <s:property value="libname"/></td>
         <td align="center"> <s:property value="quantity"/></td>
         <td align="center">
           
            <s:if test="quantity==studyNum">
　                       <span class="finish">已完成</span>
           </s:if>
            <s:if test="quantity!=studyNum">
     <img src="<%=request.getContextPath()%>/images/rate<s:property value="percentage10"/>.gif" width="40" height="4" />&nbsp;<span class="rate"><s:property value="percentage"/>%</span>
           </s:if>
         </td>
         <td align="center">
           <s:if test="quantity==studyNum">
　                  <a href="#" class="reMemory">重新背诵</a>
           </s:if>
            <s:if test="quantity!=studyNum">
            <a href="#" class="ContinueMemory">继续背诵 </a>
            </s:if>
         </td>
         </tr>
         
          <!--展开开始-->
        <tr id="zs_<s:property value="id"/>" class="unZhankai" name="unZhankai">
        <td colspan="4" class="unfoldTd">
        <table border="0" cellspacing="0" cellpadding="0" class="unfold">
       
          <s:iterator value="childBookList" id="inner">
           <tr>
               <td><s:property value="#inner.libname"/></td>
               <td align="center"> <s:property value="#inner.quantity"/></td>
               <td align="center">
                     <s:if test="#inner.quantity==#inner.studyNum">
　                                                          <span class="finish">已完成</span>
                     </s:if>
                     <s:if test="#inner.quantity!=#inner.studyNum">
                        <img src="<%=request.getContextPath()%>/images/rate<s:property value="#inner.percentage10"/>.gif" width="40" height="4" />&nbsp;<span class="rate"><s:property value="#inner.percentage"/>%</span>
                     </s:if>
         </td>
         <td align="center">
           <s:if test="#inner.quantity==#inner.studyNum">
　                  <a href="#" class="reMemory">重新背诵</a>
           </s:if>
            <s:if test="#inner.quantity!=#inner.studyNum">
            <a href="#" class="ContinueMemory">继续背诵 </a>
            </s:if>
         </td>
         </tr>
        </s:iterator>
        </table>
        </td>
        </tr>
        </s:iterator>
	  </table>
    <%@include file="../commons/pageNav.jsp" %>
    </div>
    	<div class="clear"></div>
     <%@include file="../include/footer.jsp" %>
     </form>
</div>
</body>
</html>